<!DOCTYPE html>
<!-- saved from url=(0037)https://britishmuseum.withgoogle.com/ -->
<html ng-app="motw" class="ng-scope wf-lato-n4-active wf-lato-n7-active wf-lato-n3-active wf-lato-i4-active wf-active"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>Museum of the World</title>
		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1">

 		<link rel="stylesheet" href="World_files/main.css">
		<link rel="stylesheet" href="World_files/intro.css">
		<link rel="stylesheet" href="World_files/object.css">
		<link rel="stylesheet" href="World_files/object-hover.css">

		<link rel="subresource" href="https://britishmuseum.withgoogle.com/pages/object.html">
		<link rel="subresource" href="https://britishmuseum.withgoogle.com/pages/about.html">

		<link rel="apple-touch-icon" sizes="57x57" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-57x57.png">
		<link rel="apple-touch-icon" sizes="60x60" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-60x60.png">
		<link rel="apple-touch-icon" sizes="72x72" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="76x76" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-76x76.png">
		<link rel="apple-touch-icon" sizes="114x114" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-114x114.png">
		<link rel="apple-touch-icon" sizes="120x120" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-120x120.png">
		<link rel="apple-touch-icon" sizes="144x144" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-144x144.png">
		<link rel="apple-touch-icon" sizes="152x152" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-152x152.png">
		<link rel="apple-touch-icon" sizes="180x180" href="https://britishmuseum.withgoogle.com/ico/apple-touch-icon-180x180.png">
		<link rel="icon" type="image/png" href="https://britishmuseum.withgoogle.com/ico/favicon-32x32.png" sizes="32x32">
		<link rel="icon" type="image/png" href="https://britishmuseum.withgoogle.com/ico/favicon-194x194.png" sizes="194x194">
		<link rel="icon" type="image/png" href="https://britishmuseum.withgoogle.com/ico/favicon-96x96.png" sizes="96x96">
		<link rel="icon" type="image/png" href="https://britishmuseum.withgoogle.com/ico/android-chrome-192x192.png" sizes="192x192">
		<link rel="icon" type="image/png" href="https://britishmuseum.withgoogle.com/ico/favicon-16x16.png" sizes="16x16">
		<link rel="manifest" href="http://localhost:5000/ico/manifest.json">
		<link rel="mask-icon" href="https://britishmuseum.withgoogle.com/ico/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-config" content="/ico/browserconfig.xml">
		<meta name="msapplication-TileColor" content="#da532c">
		<meta name="msapplication-TileImage" content="/ico/mstile-144x144.png">
		<meta name="theme-color" content="#0087bc">

		<meta name="twitter:card" content="summary">
		<meta name="twitter:site" content="@britishmuseum">

		<meta name="twitter:image" content="https://britishmuseum.withgoogle.com//img/motw_share.jpg">
		<meta name="twitter:title" content="The Museum of the World">
		<meta name="twitter:description" content="I&#39;m exploring the Museum of the World. See how our history is connected.">
		<meta property="og:site_name" content="Museum of the World">
		<meta property="og:description" content="I&#39;m exploring the Museum of the World. See how our history is connected.">
		<meta property="og:title" content="The Museum of the World">
		<meta property="og:url" content="https://britishmuseum.withgoogle.com/">
		<meta property="og:image" content="https://britishmuseum.withgoogle.com/img/motw_share.jpg">

		<meta property="og:type" content="website">

    <meta name="Description" content="The Museum of the World – an interactive experience through time, continents and cultures, featuring some of the most fascinating objects in human history.

    The project is a partnership between the British Museum and Google Cultural Institute. For the first time ever, discover objects from the British Museum’s collection from prehistory to the present using the most advanced WebGL (Web Graphics Library) technology available.

    Jump back in time to explore objects from across diverse cultures and listen to British Museum curators share their insights. Click to connect objects across time and space, and discover hidden links between then and now.

    Take a look around, explore and learn something new! Enjoy your visit.">

		<!--<base href="/">--><base href=".">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,300,700,400italic&subset=latin,latin-ext" media="all">
	</head>
	<body ng-csp="">
		<!--  -->

		<!-- ngIf: false -->

		<!-- ngView: -->


		<div ng-controller="mainController" class="webgl  intro-state-4">

			<div id="blurb-copy">
				The Museum of the World brings an exciting assortment of objects from the archives of the British Museum to the web where you can explore them and their connections.
			</div>

			<div id="warning-titles">
				<div class="main-title">
					The Museum of the World
				</div>

				<div class="motw-blobs">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 119.6 87.5">
					<g>
						<path fill="#FCEE21" d="M119.6,37.3c0,3.2-3.6,5.8-6.8,5.8c-3.2,0-5.8-2.6-5.8-5.8c0-3.2,2.6-6.8,5.8-6.8
							C116,30.5,119.6,34.1,119.6,37.3z"></path>
						<path fill="#009245" d="M71.1,9c0,4.9-4,10-9,10s-10-5-10-10s5-9,10-9S71.1,4,71.1,9z"></path>
						<path fill="#F7931E" d="M98.9,43.9c0,1.4-2.1,2.5-3.5,2.5c-1.4,0-2.5-1.1-2.5-2.5c0-1.4,1.1-3.5,2.5-3.5
							C96.8,40.4,98.9,42.5,98.9,43.9z"></path>
						<path fill="#006837" d="M43.8,76.3c0,5.3-4.3,9.6-9.6,9.6s-10.6-4.3-10.6-9.6s5.3-10.6,10.6-10.6S43.8,71,43.8,76.3z"></path>
						<path fill="#FBB03B" d="M53.1,26.6c0,2.4-2.3,4.8-4.8,4.8s-4.4-2-4.4-4.4s1.3-5.1,3.8-5.1C50.1,21.9,53.1,24.2,53.1,26.6z"></path>
						<path fill="#FFFFFF" d="M83.9,52.7c0,10.7-8.7,19.3-19.3,19.3s-22-8.7-22-19.3s11.3-19.3,22-19.3S83.9,42,83.9,52.7z"></path>
						<path fill="#0071BC" d="M104.6,19.8c0,7.9-6.4,14.2-14.2,14.2s-14.2-6.4-14.2-14.2S82.5,4.7,90.4,4.7S104.6,12,104.6,19.8z"></path>
						<path fill="#D9E021" d="M14.1,36.1c0,3.7-3.7,5.6-7.4,5.6S0,38.7,0,35s3-6.7,6.7-6.7S14.1,32.4,14.1,36.1z"></path>
						<path fill="#22B573" d="M34.1,50.7c0,4.6-4.1,9.3-8.7,9.3s-9.6-3.1-9.6-7.7s5-9,9.6-9S34.1,46.1,34.1,50.7z"></path>
						<path fill="#8CC63F" d="M90.9,80.1c0,4.1-5.3,7.4-9.4,7.4c-4.1,0-7.4-3.3-7.4-7.4s3.3-8.4,7.4-8.4C85.6,71.7,90.9,76,90.9,80.1z"></path>
						<path fill="#00A99D" d="M38.5,21.7c0,6.2-4,12.2-10.1,12.2s-12.1-6.1-12.1-12.2s5-11.1,11.1-11.1S38.5,15.6,38.5,21.7z"></path>
						<path fill="#29ABE2" d="M118.6,64.8c0,7.3-5.9,15.2-13.2,15.2c-7.3,0-13.2-7.9-13.2-15.2c0-7.3,5.9-13.2,13.2-13.2
							C112.7,51.6,118.6,57.5,118.6,64.8z"></path>
					</g>
					</svg>
				</div>
			</div>

			<div id="screen-size-warning">
				<p>This website is best viewed as a desktop experience.</p>
				<!-- <p><a id="screen-size-warning-ignore" href="#" ng-click="forceInit()">Continue anyway?</a></p> -->
			</div>

			<div id="webgl-warning">
				<p>It appears that your web browser does not support WebGL. Please try updating to a modern browser.</p>
				<p><a href="https://www.google.co.uk/chrome/browser/desktop/">Download Google Chrome</a></p>
			</div>

			<div id="cookie-warning" ng-class="{ visible: cookieWarningVisible }" class="visible">
				<p>This website uses cookies to ensure that we give you the best experience. By continuing to use this website you agree to the use of cookies. You can disable cookies in your browser settings.</p>
				<div class="close" ng-click="dismissCookieWarning()"></div>
			</div>

			<div id="intro-scroller" class="visible">

				<div class="british-museum-logo"></div>

				<div class="presents">presents</div>

				<div class="loading-percentage">
					<p class="ng-binding">Loading 100%</p>
				</div>

			</div>

			<div class="connected-history">
				<p>HISTORY</p>
				<p>CONNECTED</p>
			</div>

			<!-- Main UI -->

			<div id="scroll-help-background" ng-class="{ visible: scrollHelp }" ng-click="dismissIntroHelp()" class="">
			</div>

			<div id="scroll-help-overlay" ng-class="{ visible: scrollHelp }" ng-click="dismissIntroHelp()" class="">
				<svg id="scroll-help-arrows" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 123.9 20.1" xml:space="preserve">
				<rect x="32.5" y="2.3" fill="none" width="91.4" height="17.9"></rect>
				<text transform="matrix(1 0 0 1 32.5 15.3669)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">U</text>
				<text transform="matrix(1 0 0 1 45.3433 15.3669)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">p</text>
				<text transform="matrix(1 0 0 1 55.27 15.3669)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">/</text>
				<text transform="matrix(1 0 0 1 63.0908 15.3669)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">D</text>
				<text transform="matrix(1 0 0 1 76.6357 15.3669)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">o</text>
				<text transform="matrix(1 0 0 1 86.5713 15.3669)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">w</text>
				<text transform="matrix(1 0 0 1 100.332 15.3669)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">n</text>
				<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="0" y1="10.2" x2="25" y2="10.2"></line>
				</svg>

				<svg id="scroll-help-categories" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 126 20.7" xml:space="preserve">
				<rect x="0" y="2.3" fill="none" width="89.3" height="18.5"></rect>
				<text transform="matrix(1 0 0 1 6.4243 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">C</text>
				<text transform="matrix(1 0 0 1 18.5923 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">a</text>
				<text transform="matrix(1 0 0 1 27.2051 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">t</text>
				<text transform="matrix(1 0 0 1 33.3701 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">e</text>
				<text transform="matrix(1 0 0 1 42.7578 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">g</text>
				<text transform="matrix(1 0 0 1 51.8296 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">o</text>
				<text transform="matrix(1 0 0 1 61.8735 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">r</text>
				<text transform="matrix(1 0 0 1 68.2363 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">i</text>
				<text transform="matrix(1 0 0 1 72.2412 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">e</text>
				<text transform="matrix(1 0 0 1 81.6284 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">s</text>
				<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="126" y1="11.5" x2="99" y2="11.5"></line>
				</svg>

				<svg version="1.2" baseProfile="tiny" id="scroll-help-menu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 85.5 20.1" xml:space="preserve">
				<rect x="32.3" y="2.3" fill="none" width="53.2" height="17.7"></rect>
				<text transform="matrix(1 0 0 1 32.3193 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">M</text>
				<text transform="matrix(1 0 0 1 48.375 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">e</text>
				<text transform="matrix(1 0 0 1 57.7627 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">n</text>
				<text transform="matrix(1 0 0 1 67.6621 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">u</text>
				<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="0" y1="8.6" x2="25" y2="8.6"></line>
				</svg>

				<svg version="1.2" baseProfile="tiny" id="scroll-help-message" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 471.2 219.4" xml:space="preserve">
				<rect x="0" y="107.3" fill="none" width="471.2" height="51.8"></rect>
				<text transform="matrix(1 0 0 1 8.1318 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">U</text>
				<text transform="matrix(1 0 0 1 24.9438 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">s</text>
				<text transform="matrix(1 0 0 1 35.1436 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">e</text>
				<text transform="matrix(1 0 0 1 47.6597 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 54.1758 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">t</text>
				<text transform="matrix(1 0 0 1 62.3955 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">h</text>
				<text transform="matrix(1 0 0 1 75.5952 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">e</text>
				<text transform="matrix(1 0 0 1 88.1113 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 94.6274 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">a</text>
				<text transform="matrix(1 0 0 1 106.2432 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">r</text>
				<text transform="matrix(1 0 0 1 114.7266 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">r</text>
				<text transform="matrix(1 0 0 1 122.5498 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 135.7983 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">w</text>
				<text transform="matrix(1 0 0 1 153.6426 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 160.1587 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">k</text>
				<text transform="matrix(1 0 0 1 170.8267 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">e</text>
				<text transform="matrix(1 0 0 1 183.0908 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">y</text>
				<text transform="matrix(1 0 0 1 194.9712 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">s</text>
				<text transform="matrix(1 0 0 1 205.1709 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 211.687 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 225.0791 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">r</text>
				<text transform="matrix(1 0 0 1 233.0469 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 239.563 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">s</text>
				<text transform="matrix(1 0 0 1 249.7627 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">c</text>
				<text transform="matrix(1 0 0 1 261.0786 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">r</text>
				<text transform="matrix(1 0 0 1 268.9028 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 282.2949 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">l</text>
				<text transform="matrix(1 0 0 1 287.5986 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">l</text>
				<text transform="matrix(1 0 0 1 292.9023 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 299.4185 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">u</text>
				<text transform="matrix(1 0 0 1 312.6064 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">p</text>
				<text transform="matrix(1 0 0 1 325.8423 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 332.3584 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">a</text>
				<text transform="matrix(1 0 0 1 343.9741 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">n</text>
				<text transform="matrix(1 0 0 1 357.1738 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">d</text>
				<text transform="matrix(1 0 0 1 370.3979 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 376.9141 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">d</text>
				<text transform="matrix(1 0 0 1 390.1382 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 403.3862 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">w</text>
				<text transform="matrix(1 0 0 1 421.7344 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">n</text>
				<text transform="matrix(1 0 0 1 434.9341 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 441.4502 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">t</text>
				<text transform="matrix(1 0 0 1 449.6699 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 463.062 124.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 44.3716 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">m</text>
				<text transform="matrix(1 0 0 1 63.6914 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 76.7959 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">v</text>
				<text transform="matrix(1 0 0 1 88.5435 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">e</text>
				<text transform="matrix(1 0 0 1 101.0596 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 107.5757 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">b</text>
				<text transform="matrix(1 0 0 1 120.7993 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">a</text>
				<text transform="matrix(1 0 0 1 132.415 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">c</text>
				<text transform="matrix(1 0 0 1 143.731 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">k</text>
				<text transform="matrix(1 0 0 1 155.1548 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 161.6709 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">a</text>
				<text transform="matrix(1 0 0 1 173.2866 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">n</text>
				<text transform="matrix(1 0 0 1 186.4863 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">d</text>
				<text transform="matrix(1 0 0 1 199.7104 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 206.2266 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">f</text>
				<text transform="matrix(1 0 0 1 213.9189 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 227.3105 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">r</text>
				<text transform="matrix(1 0 0 1 235.7939 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">w</text>
				<text transform="matrix(1 0 0 1 254.022 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">a</text>
				<text transform="matrix(1 0 0 1 265.6377 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">r</text>
				<text transform="matrix(1 0 0 1 273.4736 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">d</text>
				<text transform="matrix(1 0 0 1 286.6973 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 293.2139 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">t</text>
				<text transform="matrix(1 0 0 1 301.4336 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">h</text>
				<text transform="matrix(1 0 0 1 314.6338 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">r</text>
				<text transform="matrix(1 0 0 1 322.4575 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">o</text>
				<text transform="matrix(1 0 0 1 335.8496 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">u</text>
				<text transform="matrix(1 0 0 1 349.0376 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">g</text>
				<text transform="matrix(1 0 0 1 361.2896 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">h</text>
				<text transform="matrix(1 0 0 1 374.4893 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24"> </text>
				<text transform="matrix(1 0 0 1 381.0054 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">t</text>
				<text transform="matrix(1 0 0 1 388.9849 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">i</text>
				<text transform="matrix(1 0 0 1 394.3047 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">m</text>
				<text transform="matrix(1 0 0 1 414.3047 152.8014)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="24">e</text>
				<g>
					<g>
						<path fill="#FFFFFF" d="M238.1,43.9c-9.1,0-16.5,7.4-16.5,16.5s7.4,16.5,16.5,16.5s16.5-7.4,16.5-16.5
							C254.6,51.3,247.2,43.9,238.1,43.9z M238.1,75.8c-8.5,0-15.5-6.9-15.5-15.5s6.9-15.5,15.5-15.5c8.5,0,15.5,6.9,15.5,15.5
							C253.6,68.9,246.6,75.8,238.1,75.8z"></path>
						<polygon fill="#FFFFFF" points="238.1,66.1 229.8,55.9 228.5,55.9 238.1,67.6 247.7,55.9 246.4,55.9 		"></polygon>
					</g>
					<g>
						<path fill="#FFFFFF" d="M238.1,33c9.1,0,16.5-7.4,16.5-16.5S247.2,0,238.1,0c-9.1,0-16.5,7.4-16.5,16.5
							C221.6,25.6,229,33,238.1,33z M238.1,1c8.5,0,15.5,6.9,15.5,15.5S246.6,32,238.1,32c-8.5,0-15.5-6.9-15.5-15.5
							C222.6,8,229.6,1,238.1,1z"></path>
						<polygon fill="#FFFFFF" points="238.1,11.8 246.4,21.9 247.7,21.9 238.1,10.3 228.5,21.9 229.8,21.9 		"></polygon>
					</g>
				</g>
				<rect x="202.2" y="197.8" fill="none" width="72.1" height="16.9"></rect>
				<text transform="matrix(1 0 0 1 202.2246 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">O</text>
				<text transform="matrix(1 0 0 1 216.2822 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">k</text>
				<text transform="matrix(1 0 0 1 224.8501 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">,</text>
				<text transform="matrix(1 0 0 1 228.792 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18"> </text>
				<text transform="matrix(1 0 0 1 233.6792 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">g</text>
				<text transform="matrix(1 0 0 1 242.7515 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">o</text>
				<text transform="matrix(1 0 0 1 252.6514 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">t</text>
				<text transform="matrix(1 0 0 1 258.8164 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18"> </text>
				<text transform="matrix(1 0 0 1 263.7036 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">i</text>
				<text transform="matrix(1 0 0 1 267.7085 210.8795)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">t</text>
				<rect x="194.3" y="190.5" fill="none" stroke="#FFFFFF" stroke-width="0.8609" stroke-miterlimit="10" width="88" height="28.5"></rect>
				</svg>

				<svg id="scroll-help-share" version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 85.5 20.1" xml:space="preserve">
				<line fill="none" stroke="#FFFFFF" stroke-miterlimit="10" x1="0" y1="10.4" x2="25" y2="10.4"></line>
				<rect x="32.3" y="2.3" fill="none" width="53.2" height="17.7"></rect>
				<text transform="matrix(1 0 0 1 32.3193 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">S</text>
				<text transform="matrix(1 0 0 1 41.7603 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">h</text>
				<text transform="matrix(1 0 0 1 51.6602 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">a</text>
				<text transform="matrix(1 0 0 1 60.3721 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">r</text>
				<text transform="matrix(1 0 0 1 66.2397 15.3672)" fill="#FFFFFF" font-family="&#39;lato&#39;,sans-serif" font-weight="lighter" font-size="18">e</text>
				</svg>

			</div>



			<div id="overlays" style="cursor: default;">

				<a id="main-title" href="https://britishmuseum.withgoogle.com/" ng-click="goToYear(2015)">
					THE
					MUSEUM
					OF THE
					WORLD
				</a>

				<div id="dot-dot-dot" ng-click="toggle(&#39;menu&#39;, &#39;main&#39;)"></div>
				<div id="main-menu" class="">
					<h2 ng-click="toggle(&#39;menu&#39;, &#39;main&#39;)">MENU</h2>
					<p><a href="https://britishmuseum.withgoogle.com/about">About this project</a></p>
					<h3>Jump to...</h3>
					<ul id="menu-timeline">
						<li ng-click="goToYear(-2000000)">2,000,000 BC</li>
						<li ng-click="goToYear(-5000)">5000 BC</li>
						<li ng-click="goToYear(-3000)">3000 BC</li>
						<li ng-click="goToYear(0)">BC/AD</li>
						<li ng-click="goToYear(500)">AD 500</li>
						<li ng-click="goToYear(1000)">AD 1000</li>
						<li ng-click="goToYear(2000)">AD 2000</li>
					</ul>
				</div>

				<div id="arrows">
					<div id="up-arrow" ng-mousedown="moveCameraUp()" ng-touchstart="moveCameraUp()" ng-touchend="stopCameraMotion()" ng-touchcancel="stopCameraMotion()" title="Back in time"></div>
					<div id="arrow-divider"></div>
					<div id="down-arrow" ng-mousedown="moveCameraDown()" ng-touchstart="moveCameraDown()" ng-touchend="stopCameraMotion()" ng-touchcancel="stopCameraMotion()" title="Forward in time"></div>
				</div>

				<div id="main-share" ng-click="toggle(&#39;menu&#39;, &#39;share&#39;)"></div>
				<div id="main-share-buttons" class="share-buttons ">
					<h2>Share</h2>
					<div class="share-button-email" ng-click="share(&#39;email&#39;)"></div>
					<div class="share-button-google" ng-click="share(&#39;google&#39;)"></div>
					<div class="share-button-twitter" ng-click="share(&#39;twitter&#39;)"></div>
					<div class="share-button-facebook" ng-click="share(&#39;facebook&#39;)"></div>
				</div>

				<div id="categories" class="visible">
					<div id="categories-logo" ng-click="toggle(&#39;category&#39;, null); categoriesVisible = !categoriesVisible" title="Explore by theme"></div>
					<ul id="categories-list">
						<!-- ngRepeat: categoryName in categoryNames --><li ng-repeat="categoryName in categoryNames" class="highlight" ng-click="toggle(&#39;category&#39;, categoryName.toLowerCase())">
							Art and design
						</li><!-- end ngRepeat: categoryName in categoryNames --><li ng-repeat="categoryName in categoryNames" class="highlight" ng-click="toggle(&#39;category&#39;, categoryName.toLowerCase())">
							Living and dying
						</li><!-- end ngRepeat: categoryName in categoryNames --><li ng-repeat="categoryName in categoryNames" class="highlight" ng-click="toggle(&#39;category&#39;, categoryName.toLowerCase())">
							Power and identity
						</li><!-- end ngRepeat: categoryName in categoryNames --><li ng-repeat="categoryName in categoryNames" class="highlight" ng-click="toggle(&#39;category&#39;, categoryName.toLowerCase())">
							Religion and belief
						</li><!-- end ngRepeat: categoryName in categoryNames --><li ng-repeat="categoryName in categoryNames" class="highlight" ng-click="toggle(&#39;category&#39;, categoryName.toLowerCase())">
							Trade and conflict
						</li><!-- end ngRepeat: categoryName in categoryNames -->
					</ul>
				</div>

			</div>

			<div id="audio-toggle" ng-class="{ &#39;muted&#39;: getMuted() }" ng-click="toggleMuted()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75 75" fill="#fff" stroke="#fff"><polygon points="39.389,13.769 22.235,28.606 6,28.606 6,47.699 21.989,47.699 39.389,62.75 39.389,13.769" stroke-width="5" stroke-linejoin="round"></polygon><path class="vol" d="M 48.128,49.03 C 50.057,45.934 51.19,42.291 51.19,38.377 C 51.19,34.399 50.026,30.703 48.043,27.577" fill="none" stroke-width="5" stroke-linecap="round"></path><path class="vol" d="M 55.082,20.537 C 58.777,25.523 60.966,31.694 60.966,38.377 C 60.966,44.998 58.815,51.115 55.178,56.076" fill="none" stroke-width="5" stroke-linecap="round"></path><path class="vol" id="path1" d="M 61.71,62.611 C 66.977,55.945 70.128,47.531 70.128,38.378 C 70.128,29.161 66.936,20.696 61.609,14.01" fill="none" stroke-width="5" stroke-linecap="round"></path></svg></div>

			<div id="logos">
				<a id="privacy" target="_blank" href="https://www.google.com/policies/privacy/">PRIVACY</a>
				<a href="https://www.google.com/culturalinstitute/home" target="_blank" id="google-cultural-institute"></a>
				<a href="https://www.britishmuseum.org/" target="_blank" id="the-british-museum"></a>
			</div>

			<!-- ngIf: hoverInfoObject -->

		</div>

		<script src="./World_files/webfont.js" type="text/javascript" async=""></script>

		<script src="./World_files/angular.min.js"></script>
		<script src="./World_files/angular-route.min.js"></script>
		<script src="./World_files/angular-sanitize.min.js"></script>


		<script src="./World_files/three.min.js"></script>

		<script src="./World_files/Detector.js"></script>
		<script src="./World_files/xor4096.min.js"></script>

		<script src="./World_files/main.js"></script>
		<script src="./World_files/mainController.js"></script>

 		<!--  -->

<canvas width="1253" height="891" id="main-canvas" style="width: 1253px; height: 891px;"></canvas>
		<audio controls="controls" style="display: none;"></audio></body>

<style type="text/css">#yddContainer{display:block;font-family:Microsoft YaHei;position:relative;width:100%;height:100%;top:-4px;left:-4px;font-size:12px;border:1px solid}#yddTop{display:block;height:22px}#yddTopBorderlr{display:block;position:static;height:17px;padding:2px 28px;line-height:17px;font-size:12px;color:#5079bb;font-weight:bold;border-style:none solid;border-width:1px}#yddTopBorderlr .ydd-sp{position:absolute;top:2px;height:0;overflow:hidden}.ydd-icon{left:5px;width:17px;padding:0px 0px 0px 0px;padding-top:17px;background-position:-16px -44px}.ydd-close{right:5px;width:16px;padding-top:16px;background-position:left -44px}#yddKeyTitle{float:left;text-decoration:none}#yddMiddle{display:block;margin-bottom:10px}.ydd-tabs{display:block;margin:5px 0;padding:0 5px;height:18px;border-bottom:1px solid}.ydd-tab{display:block;float:left;height:18px;margin:0 5px -1px 0;padding:0 4px;line-height:18px;border:1px solid;border-bottom:none}.ydd-trans-container{display:block;line-height:160%}.ydd-trans-container a{text-decoration:none;}#yddBottom{position:absolute;bottom:0;left:0;width:100%;height:22px;line-height:22px;overflow:hidden;background-position:left -22px}.ydd-padding010{padding:0 10px}#yddWrapper{color:#252525;z-index:10001;background:url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ab20.png);}#yddContainer{background:#fff;border-color:#4b7598}#yddTopBorderlr{border-color:#f0f8fc}#yddWrapper .ydd-sp{background-image:url(chrome-extension://eopjamdnofihpioajgfdikhhbobonhbb/ydd-sprite.png)}#yddWrapper a,#yddWrapper a:hover,#yddWrapper a:visited{color:#50799b}#yddWrapper .ydd-tabs{color:#959595}.ydd-tabs,.ydd-tab{background:#fff;border-color:#d5e7f3}#yddBottom{color:#363636}#yddWrapper{min-width:250px;max-width:400px;}</style></html>
